import 'package:flutter/material.dart';

main() => runApp(MyApp());

/* 
* Widget
* 有状态的Widget：StatefulWidget 运行中有一些状态（data）需要改变
* 无状态的Widget: StatelessWidget 内容是确定的，没有数据的改变
 */

// 生成代码快捷键  stl
class MyApp extends StatelessWidget {
  // build
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: GLHomePage(),
    );
  }
}

class GLHomePage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text("电影目录"),
      ),
      body: GLHomeContent(),
    );
  }
}

class GLHomeContent extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return ListView(
      children: [
        GLHomeProductItem(
            "肖申克的救赎",
            "一场谋杀案使银行家安迪（蒂姆•罗宾斯 Tim Robbins 饰）蒙冤入狱，谋杀妻子及其情人的指控将囚禁他终生。在肖申克监狱的首次现身就让监狱“大哥”瑞德（摩根•弗里曼 Morgan Freeman ...",
            "https://img.wmdb.tv/movie/poster/1712575307374-341642.jpg"),
        GLHomeProductItem(
            "霸王别姬",
            "段小楼（张丰毅）与程蝶衣（张国荣）是一对打小一起长大的师兄弟，两人一个演生，一个饰旦，一向配合天衣无缝，尤其一出《霸王别姬》，更是誉满京城，为此，两人约定合演一辈子《霸王别姬》。但两人对戏剧与人生关系...",
            "https://img.wmdb.tv/movie/poster/1713687055430-b41dc0.jpg"),
        GLHomeProductItem(
            "大话西游之大圣娶亲",
            "至尊宝（周星驰 饰）被月光宝盒带回到五百年前，遇见紫霞仙子（朱茵 饰），被对方打上烙印成为对方的人，并发觉自己已变成孙悟空。紫霞与青霞（朱茵 饰）本是如来佛祖座前日月神灯的灯芯（白天是紫霞，晚上是青...",
            "https://img.wmdb.tv/movie/poster/1604916930984-ffa708.jpg"),
      ],
    );
  }
}

class GLHomeProductItem extends StatelessWidget {
  final String title;
  final String desc;
  final String imageUrl;

  final style1 = TextStyle(fontSize: 25, color: Colors.red);
  final style2 = TextStyle(fontSize: 25, color: Colors.green);

  GLHomeProductItem(this.title, this.desc, this.imageUrl);

  @override
  Widget build(BuildContext context) {
    return Container(
        padding: EdgeInsets.all(8),
        decoration: BoxDecoration(
            border: Border.all(
                width: 6, //设置边框宽度
                color: Colors.white //设置边框颜色
                )),
        child: Column(
            mainAxisAlignment: MainAxisAlignment.center, //设置主轴
            crossAxisAlignment: CrossAxisAlignment.start, //设置交叉轴
            children: [
              Text(
                title,
                style: style1,
              ),
              SizedBox(
                height: 8,
              ),
              Text(
                desc,
                style: style2,
              ),
              SizedBox(
                height: 8,
              ),
              Image.network(imageUrl)
            ]));
  }
}
